<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import StyleScript from '@/components/Generator/index/StyleScript'
export default {
  name: 'App',
  components: { StyleScript },
  mounted() {
    if (process.env.NODE_ENV === 'development') return
    this.$nextTick(() => {
      window.addEventListener('beforeunload', this.beforeUnload)
    })
  },
  beforeDestroy() {
    if (process.env.NODE_ENV === 'development') return
    window.removeEventListener('beforeunload', this.beforeUnload)
  },
  methods: {
    beforeUnload(e) {
      if (!this.$store.state.user.isLeaveToast) {
        this.$store.commit('user/SET_TOAST', true)
        return false
      }
      e = e || window.event
      if (e || window.event) e.returnValue = 1;
      return 1;
    }
  }
}
</script>

<style>
#app {
  font-family: Noto Sans SC;
  font-style: normal;
  font-weight: 400;
  color: black;
  font-size: 14px!important;
}
.el-textarea.is-disabled .el-textarea__inner{

  color: black!important;
}
.el-input.is-disabled .el-input__inner{
  color: black!important;

}
.el-table{

  color: black!important;
}
.el-table thead tr, .el-table thead tr th{

  color: black!important;
  font-weight:500;
  font-size: 14px!important;

}
.el-table--mini, .el-table--small, .el-table__expand-icon{
  font-size: 14px!important;
}
/deep/.el-input__inner{
  background: white !important;

}

/deep/.el-textarea__inner{
  background: white !important;
}
.el-input.is-disabled .el-input__inner{

  background: white !important;
}


.el-textarea.is-disabled .el-textarea__inner {

  color: black !important;
}

.el-input.is-disabled .el-input__inner {
  color: black !important;

}

/deep/ .el-input__inner {
  background: white !important;

}

/deep/ .el-textarea__inner {
  background: white !important;
}

.el-input.is-disabled .el-input__inner {

  background: white !important;
}
#app .sidebar-container .el-menu .el-submenu__title i, #app .sidebar-container .el-menu .el-menu-item i
{
  color: rgb(6,67,152)!important;
}
</style>
